<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
// 用法 前*
export default {
  name: 'App',
  mounted() {
    // 在组件挂载时调用 connectToStore 方法
    // 添加个标签，让其只调用一次
    if (!this.$store.state.isConnected) {
      this.connectToStore()
    }
  },
  methods: {
    connectToStore() {
      // 调用 'connect' 动作以与存储建立连接
      this.$store.dispatch('connect')
    }
  },
  destroyed() {
    // 在组件销毁时调用 disconnectFromStore 方法
    this.$store.dispatch('disconnect')
  }
}
</script>
